<style>
.fui-notice:before, .fui-notice:after  {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 0 solid #e2e2e2;
}
.fui-notice .icon {
    height: 1rem;
    padding-left: 0.2rem;
    float: left;
    color: #333;
    line-height: 1rem;
}

.fui-notice .text {
    height: 1rem;
    padding-left: 0.2rem;
    font-size: 0.65rem;
    color: #333;
    line-height: 1rem;
    overflow: hidden;
}

.fui-notice a {
    color: #333;
}
</style>
	<div ng-if="pagedata.notice_list" class="fui-notice">
		<div class="icon"><i class="fa fa-volume-up" style="font-size: 0.7rem;"></i></div>
		<div class="text">
			<ul>
					<li ng-repeat="item in pagedata.notice_list">
						<a href="javascript:;" ng-click="access_json('/noticedetail//id='+item.id)">{{item.title}}</a>
					</li>
			</ul>
		</div>
	</div>
		<script type="text/javascript">
			function autoScroll(obj){
				$(obj).find("ul").animate({  
					marginTop : "-1rem"  
				},500,function(){  
					$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
				})  
			}  
			$(function(){  
				setInterval('autoScroll(".fui-notice .text")',3000);
			}) 
		</script>
